/* hcysun  */
@charset "utf-8";
/* reset */
html{
  -webkit-text-size-adjust:none;
  -webkit-user-select:none;
  -webkit-touch-callout: none;
  font-family: Helvetica;
  line-height: 1;
}
body{
  font-size:12px;
}
body,h1,h2,h3,h4,h5,h6,p,dl,dd,ul,ol,pre,form,input,textarea,th,td,select,figure{
  margin:0;
  padding:0;
  font-weight: normal;
  text-indent: 0;
}
a,button,input,textarea,select{
  background: none;
  -webkit-tap-highlight-color:rgba(255,0,0,0);
  outline:none;
  appearance: none;
  -webkit-appearance:none;
}
em{
  font-style:normal
}
li{
  list-style:none
}
a{
  text-decoration:none;
}
img{
  border:none;
  vertical-align:top;
}
table{
  border-collapse:collapse;
}
textarea{
  resize:none;
  overflow:auto;
}
/* end reset */

/* public */
/* 清除浮动 */
.clear { zoom:1; }
.clear:after {
  content:'';
  display:block;
  clear:both;
}

/*外边距溢出*/
.overflow:after{
  content: '';
  display: table;
}

/* 定义盒模型为怪异和模型（宽高不受边框影响） */
.box-siz{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
}

/* 强制换行 */
.to-wrap{
  word-break: break-all;       /* 只对英文起作用，以字母作为换行依据。 */
  word-wrap: break-word;       /* 只对英文起作用，以单词作为换行依据。*/
  white-space: pre-wrap;     /* 只对中文起作用，强制换行。*/
}

/* 禁止换行 */
.no-wrap{
  white-space:nowrap;
}

/* 禁止换行,单行超出省略号 */
.ellipsis-line-1{
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

/* 文字两端对齐 */
.text-justify{
  text-align:justify;
  text-justify:inter-ideograph;
}

/*去除display: inline-block;间隙*/
.clear-spacing{
  font-size: 0;
  /*letter-spacing: -3px;*/
}

/* 1px 边框解决方案，示例中设置上边框，可以调整 top、right、bottom、left 的值分别设置上下左右边框 */
.border{
  position: relative;
}
.border:after {
  content: " ";
  position: absolute;
  color: #C7C7C7;
  transform-origin: 0 0;
}
.border-top:after,.border-bottom:after{
  height: 1px;
  left: 0;
  right: 0;
  transform: scaleY(0.5);
}
.border-left:after,.border-right:after{
  width: 1px;
  top: 0;
  bottom: 0;
  transform: scaleX(0.5);
}
.border-top:after{
  top: 0;
  border-top: 1px solid #000;
}
.border-bottom:after{
  bottom: 0;
  border-bottom: 1px solid #000;
}
.border-left:after{
  left: 0;
  border-left: 1px solid #000;
}
.border-right:after{
  right: 0;
  border-right: 1px solid #000;
}

/*@svg 1px-border {*/
  /*height: 2px;*/
  /*@rect {*/
  /*fill: var(--color, black);*/
  /*width: 100%;*/
  /*height: 50%;*/
  /*}*/
/*}*/
/*.border-img-1px {*/
  /*border: 1px solid transparent;*/
  /*border-image: svg(1px-border param(--color #00b1ff)) 2 2 stretch;*/
/*}*/

/*@svg square {*/
  /*@rect {*/
    /*fill: var(--color, black);*/
    /*width: 100%;*/
    /*height: 100%;*/
  /*}*/
/*}*/
/*.border-bg-1px {*/
  /*background: white svg(square param(--color #00b1ff));*/
/*}*/

/*表单placeholder样式*/
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #cccccc;
  font-size: 28px;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #cccccc;
  font-size: 28px;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #cccccc;
  font-size: 28px;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #cccccc;
  font-size: 28px;
}

